20 Fantastic Lightbox HTML Resources

1. 3D FlipBook - Responsive jQuery Plugin

featured image

html pages

lightbox or full page

added html pages – any html content can now be added to a page

added lightbox mode – book can be opened in a lightbox when clicked on a book cover

More Details

2. Jssor Slider jQuery Plugin, TOUCH & RESPONSIVE

featured image

All UI is fully under control by html + css code. User can add any html code to each slide, and user can customize ‘navigator’, ‘thumbnail navigator’ to any format. Use any html/css code to customize thumbnail to anyformat

Any html code can be placed inside slide

HTML caption with animation (390+ caption transitions)

Slider can be put anywhere (lightbox, or any container)

SEO friendly, any html code can be added to each slide, all are exposed directly to HTML picture gallery

More Details

3. Horizontal Gridfolio Pro

featured image

When a thumbnail is pressed you can choose either to display an original media lightbox which we have coded, no action or open a webpage. The lightbox can display images, iframe (html pages) and videos loaded from YouTube or Vimeo. Horizontal Gridfolio Pro can be used in any type of HTML page including Wordpress, at this link there is a demo page running in Wordpress (Please note that this is NOT a Wordpress plugin!, the grid must be installed manually with photo slideshow HTML code and the images uploaded with a ftp client, we have inclulded a tutorial about how to install it in Wordpress.Drag or Scroll Function: The grid can be dragged with the mouse/finger or scrolled like a regular HTML page. Custom press thumbnail action: when a thumbnail is pressed you can choose either to display an original media lightbox which we have coded, or to open a new webpage, the url and target of this webpage can be specified. The lightbox can display images, iframe (html pages) or videos loaded from YouTube or Vimeo.Lightbox main features.Iframe support: The lightbox can display HTML pages, all you have to do is to include the link of your page that you want to display. The size (width and height) of each iframe (html page) can be set easily.Image support: The lightbox can load and display .

More Details

4. Unipromo - Social modal campaign plugin

featured image

Designed to act as a lightbox it will make you stand out from the crowd. Extremely easy to use (fully functional writing only HTML)

More Details

5. Lightbox With Transition Effects For HTML / Images

featured image

emloSlightBox is an improved version of the popular Lightbox gallery script. It can effectively open images, HTML content, maps, movies and even more.• Valid HTML / CSS

More Details

6. Responsive Gridfolio

featured image

Lightbox Iframe support.Lightbox description autoopen (open item description without pressing the info button).Added an extra way to close the lightbox by pressing outside the item area. Basically the grid is added into a html page into a div of your chosing and it’s adapting based of that div’s width, the grid height is modified based on the thumbnails and if other elements are below the grid div they will be pushed down automatically (document flow). When a thumbnail is pressed you can choose either to display an original media lightbox which we have coded, or to open a new webpage, the url and target of this webpage can be specified. The lightbox can display images, or can display videos loaded from YouTube or Vimeo. Pure OOP JavaScript code, no usage of jQuery or other libraries, in this way there will be no incompatibilities with HTML pages that might be using jQuery or other JavaScript libraries. Custom press thumbnail action: when a thumbnail is pressed you can choose either to display an original media lightbox which we have coded, or to open a new webpage, the url and target of this webpage can be specified. The lightbox can display images, or can display videos loaded from YouTube or Vimeo.Lightbox main features:

2013 – Bug fix related to the lightbox when it is zoomed on Chrome and better detection for mobile devices.

More Details

7. Showbiz Pro Responsive Teaser JQuery Plugin

featured image

) via CSS or HTML or slider jQuery plugin option which gives you Unlimited Layout Possibilites. Put the JS and CSS links in the head/footer of your HTML site and build an unsorted list of items and insert your HTML. Customizable 100% via Plugin Parameters / CSS / HTML

Fancybox 2 Lightbox Plugin on Multi Domain License included ($89 Value)

More Details

8. jQuery Google+/Picasa Gallery

featured image

Includes three optional lightbox plugins (fancyBox, colorBox and prettyPhoto); although it is possible to user other lightbox solutions

This script requires you to load additional JS and CSS files for your website, as well as adding some custom HTML and JavaScript lines to your page code. While the JS and CSS files can be hosted outside of your website, the JavaScript lines that are necessary to initialize the gallery and the HTML line which defines where in your page the gallery will be shown must be part of your website.Added option to assign custom Class Name to all items that can be opened via Lightbox (in case you want to use a different Lightbox solution than the ones included; can be used to target these Classes specifically)

More Details

9. Responsive Slideshow Photo Gallery Grid

featured image

Basically the grid is added into a html page into a div of your chosing and it’s adapting based of that div’s width, the grid height is modified based on the number of thumbnails and if other elements are below the grid div they will be pushed down automatically (document flow). Pure OOP JavaScript code, no usage of jQuery or other libraries, in this way there will be no incompatibilities with HTML pages that might be using jQuery or other JavaScript libraries. Custom press thumbnail action: when a thumbnail is pressed you can choose either to display an original media lightbox which we have coded, or to open a new webpage, the url and target of this webpage can be specified. The lightbox can display images, or can display videos loaded from YouTube or Vimeo. LIGHTBOX MAIN FEATURES

2013 – Fixed some bugs related to the lightbox and added better support for mobile detection.

More Details

10. MelonHTML5 - Timeline

featured image

A full CSS3 lightbox is also included with the option to be turned on/off. Images rotate automatically and could have lightbox enabled or disabled.Allows you to create a blog post style element with a lightbox enabled image on the top, and a read more link at the bottom.Lightbox

A full CSS3 (jQuery Fallback for IEs) lightbox is included which can be applied to images used in elemetns.Yes, just one DIV, no complex HTML is required.

More Details

11. jQuery Flickr Gallery

featured image

Includes three optional lightbox plugins (fancyBox, colorBox and prettyPhoto); although it is possible to user other lightbox solutions

This script requires you to load additional JS and CSS files for your website, as well as adding some custom HTML and JavaScript lines to your page code. While the JS and CSS files can be hosted outside of your website, the JavaScript lines that are necessary to initialize the gallery and the HTML line which defines where in your page the gallery will be shown must be part of your website.Added option to assign custom Class Name to all items that can be opened via Lightbox (in case you want to use a different Lightbox solution than the ones included; can be used to target these Classes specifically)

More Details

12. Royal 3D Carousel

featured image

Fully responsive 3D carousel that allows to display media or jQuery tooltip HTML content with an unique and original layout. Support for images and HTML content. Original media lightbox that we have coded, with image, vimeo, youtube or iframe support. The lightbox can be used when a thumbnail is clicked to display media content. Royal 3D Carousel can be used in any type of HTML page including Wordpress, at this link there is a demo page running in Wordpress (Please note that this is NOT a Wordpress plugin!, the carousel must be installed manually with slideshow HTML code and the content uploaded with a ftp client, we have included a tutorial about how to install it in Wordpress).

More Details

13. Griddler jQuery Plugin

featured image

The Griddler jQuery Plugin transforms basic HTML into a fully customizable grid with animated lightbox to display images, video iframes and multimedia content.Each grid can link to a page or display content in a fullscreen animated lightbox

Lightbox supports images, video and iframes of any size

Limited HTML markup lets the plugin do all the heavy lifting

More Details

14. jQueryFacebookWall

featured image

It also includes a Facebook style lightbox to browse photo galleries. Some users where having when trying to like or comment on lightbox images. Added a click event to set focus on the comment box from the comment link in the lightbox.html so plugin doesn’t require php.

More Details

15. SuperSocial - jQuery Ajax Social Panel

featured image

Customize this slider with just a little HTML and CSS to your very needs.Using Fancybox Image, Dribbble thumbnails and flickr thumbnails uses Lightbox

More Details

16. ZoomBox 2 - The Photographer's Premium Lightbox

featured image

ZoomBox Lightbox Intro – top

ZoomBox 2 – The Photographer’s Lightbox ! What makes ZoomBox unique to the other lightbox scripts ? In short – quality, user-friendliness, design and social media plugin twitter connectivity.ZoomBox Lightbox Features

SEO friendly – built with HTML picture gallery optimization on mind from the ground up, the Testimonial Rotator uses non hidden valid html markup to build the widget

the only lightbox script that does deeplinking right – most lightbox scripts use hashes for delivering the deeplink, but the problem with that is that facebook likes for example will not get counted for the photo the user is viewing in the ZoomBox, but for the entire page instead.unique ability to zoom on photos – this is the perfect lightbox script for photographers to showcase their work because on any image, your visitor can zoom it and see the marvelous details you capture in your art.ZoomBox Lightbox Updates

More Details

17. Ultimate Grid Responsive Gallery

featured image

This is a HTML | CSS | JQuery Grid with a Lightbox, you can specify thumbnails for the grid and when you click on it to open the lightbox it will load the normal image, you can specify the text for the captions and for the lightbox. Fully Responsive Grid and Lightbox

Lightbox with slideshow (play, pause, auto-play)

IE was showing fat images in the lightbox and now is fix

Fixed a small console errors and also a small bug when you click to fast the next button in the lightbox

More Details

18. Falling Media - jQuery plugin

featured image

FallingMedia is a slider jQuery plugin that displays animated falling images/HTML. Takes input via HTML, JSON or external APIs.Produces draggable media objects, opening up in a lightbox

Falling content can be images or HTML

Load media described in HTML code, via JSON, from YouTube or import from other APIs.

More Details

19. jQuery Facebook Gallery

featured image

Includes three optional lightbox plugins (fancyBox, colorBox and prettyPhoto); although it is possible to user other lightbox solutions

This script requires you to load additional JS and CSS files for your website, as well as adding some custom HTML and JavaScript lines to your page code. While the JS and CSS files can be hosted outside of your website, the JavaScript lines that are necessary to initialize the gallery and the HTML line which defines where in your page the gallery will be shown must be part of your website.Added option to assign custom Class Name to all items that can be opened via Lightbox (in case you want to use a different Lightbox solution than the ones included; can be used to target these Classes specifically)

Added third lightbox (prettyPhoto)

Added second optional lightbox (fancyBox)

More Details

20. Draggable Infinite Grid with Lightbox

featured image

The Infinite Photo Grid with Lightbox has a fluid / flexible / responsive layout. Basically the grid is added into a HTML page into a div of your choice and it adapts based of that div’s width and height. Pure OOP JavaScript code, no usage of jQuery or other libraries, in this way there will be no incompatibilities with HTML pages that might be using jQuery or other JavaScript libraries. The Infinite Photo Grid with Lightbox is using the GPU (hardware acceleration) using HTML5 standards. Four display types are included: fluid width, full screen, flexible and lightbox (check out examples!). Custom press thumbnail action: when a thumbnail is pressed you can choose either to display an original media lightbox which we have coded, or to open a new webpage, the URL and the target of this webpage can be specified. The lightbox can display images, or it can display videos loaded from YouTube or Vimeo. LIGHTBOX MAIN FEATURES.

More Details